@charset "UTF-8";
.header{
	height: 66px;
	width: 1903px;
	line-height: 66px;
	background-color: #17be74;
	margin-bottom: 22px
}
.commwidth{
	margin: 0 100px 0 74px;
}
.logo{
	width: 194px;
}
.logo img{
	width: 100%;
	height: auto;
	margin: 6px 0;
	display:block;
}
.menu{
	margin-left: 348px;
	margin-right: 100px;
	position: relative;
}
.navList{
	width: 128px;
	height: 106px;
	background: #fff;
	position: absolute;
	left: 0;
	top: 66px;
	z-index: 1;
	background-color: #ffffff;
	box-shadow: 0px 0px 18px 0px 
		rgba(2, 34, 20, 0.22);

}
.navtips{
	margin-left: 46px;
	margin-top: 32px
}
.navtips span{
	width: 4px;
	height: 4px;
	background-color: #f6f4f9; 
	display: block;
	border-radius: 50%;
	float: left;
	margin-right: 4px
}
.navList p{
	height: 40px;
	line-height: 40px;
	text-align: left;
    padding-left: 20px;
}
.nanavBar .navtips span:hover{
	background: #17be74
}
.menu ul{
	position: relative;
	width: 792px;
	height: 66px;
}
.menu li{
	float: left;
	width: 110px;
	height: 66px;
	text-align: center;
    position: relative;
    color: #fff;
    z-index: 2
}
.menu li.box{ z-index:1; position:absolute; left:0; top:0; background:#183c2c;}
.user_menu li{
	float: right;
	color: #fff;
	cursor: pointer;
}
.menu li a{
	display: block;
	font-size: 16px;
	color: #fff
}
/*.menu li:hover{
	background-color: #183c2c;
}*/
.navBar:hover .navtips span{
	background: #17be74
}
.menu li a:hover{
	color: #17be74
}

.navList p:hover{
	background: #17be74
}
.navList p:hover a{
	color: #fff
}
.navList{
	display: none;
}
.menu li.active{
	background-color: #183c2c;
}
.menu li.active a{
	color: #17be74
}
.navList p a{
	color: #202222;
}
.user_menu .search_btn, .user_menu .search_contain i {
    height: 20px;
    width: 21px;
    margin-top: 4px;
}
.user_menu .icon1 {
    background-image: url(../images/search_icons.png);
    background-repeat: no-repeat;
    display: inline-block;
}
.user_menu .search_contain.opacity {
    background-position: 0 -24px;
}
.user_menu .search_contain {
    width: 160px;
    height: 30px;
    float: left;
    background:#489171 url(../images/search_bg.png) left top no-repeat;
    display: none;
    border-radius: 6px
}
.user_menu .search_text {
    float: left;
    width: 120px;
    padding-left: 10px;
    height: 30px;
    background: #489171;
    border-radius:6px;
}
.user_menu .search_contain i {
    float: left;
}
.searchLi{
	padding: 20px 24px
}
.main{
	margin: 0 269px;
	width: 1365px
}
.tab{
	margin-bottom: 22px;
}
/**tab**/
.slider, .slider .slider-img { overflow: hidden; height: 422px }
.slider { width: 1363px; margin: 0 auto; position: relative;border-radius: 10px;border: 1px solid rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    position: relative; }
.slider:hover .slider-btn { color: #fff; text-shadow: 0 0 5px #666 }
.slider .slider-img { width: 12000px; position: relative }
.slider .slider-img .slider-img-ul { position: absolute; left: 0; top: 0; overflow: hidden }
.slider .slider-img .slider-img-ul li { float: left;width: 1363px; height: 422px }
.slider .slider-img .slider-img-ul li img {width: 100%;height: auto;  }
.slider .slider-dot ul { position: absolute;bottom: 18px;
    left: 50%;
    width: 160px;
    margin-left: -80px; }
.slider .slider-dot ul li { cursor: pointer; width: 20px; height: 6px; background: #fff; float: left; margin-left: 12px }
.slider .slider-dot ul li.active, .slider .slider-dot ul li:hover { background:#17be74 }
.slider .slider-btn { position: absolute; width: 50px; height: 100px; top: 50%; line-height: 100px; text-align: center; color: #fff; font-size: 28px; text-decoration: none; font-family: '黑体'; color: rgba(255,255,255,0) }
.slider .slider-btn:hover { background: rgba(125,125,125,.3) }
.slider .slider-btn.slider-btn-left { left: 0; margin-top: -50px }
.slider .slider-btn.slider-btn-right { right: 0; margin-top: -50px }
.cont h2{
	font-size: 20px;
	margin-bottom: 94px;
	text-align: center;
}
.contText p{
	font-size: 18px;
	line-height: 32px;
	float: left;
	width: 263px;
	margin-right: 225px;
}
.contText p:last-child{
	margin-right: 0
}
.cont{
	background-color: #f4f4f4;
	margin-bottom: 22px;
	height: 451px;
	padding: 103px 62px 0
}
.loginBg{
	background: url(../images/login_bg.png);
	width: 100%;
	height: 100%
}
.main_top{
	height: 466px;
	margin-bottom: 20px;
	background-color: #eaeaea;
	background:#eaeaea;
	padding-right: 137px;
	border-radius: 10px;
	padding-left: 40px;
}
.bannerPic{
	width: 843px;
	height:422px;
	background: url(../images/bannerPic.png) no-repeat;
	margin-top: 30px
}
.title{
	width: 337px;
	color: #6e7176;
	height: 224px;
	text-align: center;
	margin-top: 156px;
}
.title h3{
	font-size: 28px;
	margin-bottom: 32px;
}
.title p{
	font-size: 18px;
	margin-bottom: 56px;
}
.contText p:hover{
	color: #31abd9;
	cursor: pointer;
}
.title a{
	color: #fff;
	width: 320px;
	height: 56px;
	background-color: #57bfe6;
	border-radius: 28px;
	display: block;
	font-size: 20px;
	line-height: 56px;
	margin: 0 auto
}
.title a:hover{
	background-color: #31abd9
}
.fenge{
	margin-left: 14px;
	margin-right: 14px;
	height: 10px;
	width: 2px;
	background: #fff;
	margin-top: 28px
}
.loginBox{
	width: 482px;
	height: 480px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -241px;
	margin-top: -240px;
}
.loginBox .logo{
	width: 194px;
	height: 44px;
	margin: 0 auto;
	margin-bottom: 28px;
}
.login_popup{
	display: none;
	position: relative;
}
.login_wk{
	width: 100%;
	height: 100%
}
.login{
	width: 384px;
	height: 323px;
	background: #fff;
	border-radius: 10px;
	padding: 38px 49px 47px;
	box-shadow: 0px 0px 18px 0px rgba(2, 34, 20, 0.22);
}
.login_title{
	margin-bottom: 47px
}
.login_title span{
	width: 152px;
	height: 2px;
	margin-top: 18px
}
.login_title i{
	font-size: 24px;
	color: #424444;
	margin: 0 16px
}
.login_title_l{
	background: #35c1f5
}
.login_title_r{
	background: #3ae7e1
}
.content_form {
}
.content_form div {
    margin-bottom: 28px;
}
.content_form .user,
.content_form .password,
.content_form .yzm
 {
    width: 362px;
	height: 52px;
	background-color: #f4f4f4;
	border-radius: 10px;
	border: solid 1px #dddfe4;
	padding-left:20px;
	font-size: 18px;
	line-height: 52px;
}
.content_form input:focus {
    outline: none;
    -webkit-box-shadow: 0 0 5px #0dbfdd;
            box-shadow: 0 0 5px #0dbfdd;
    border-color: #f4f4f4;
}
.content_form_signup {
    width: 384px;
    height: 58px;
    line-height: 58px;
    background-image: linear-gradient(83deg, 
		#35c1f5 0%, 
		#3ae7e1 100%), 
	linear-gradient(
		#17be74, 
		#17be74);
	background-blend-mode: normal, 
		normal;
	border-radius: 10px;
    cursor: pointer;
    font-size: 22px;
    color: #fff;
}
.content_form_signup:focus {
    background-image: linear-gradient(83deg, 
		#35c1f5 0%, 
		#3ae7e1 100%), 
	linear-gradient(
		#3ae7e1 100%, 
		#35c1f5 0%);
	background-blend-mode: normal, 
		normal;
		border-color:#f4f4f4
}
.content_form_signup:focus {
    outline: none;
    font-size: 24px;
}
#change_margin_3{
	margin-bottom: 0;
	margin-top: 60px
}
/*输入框无内容便提示*/
#remind_1,
#remind_2 {
    width: 76%;
    margin: 0 auto 2px;
    text-align: left;
    font-size: .2em;
    color: #f00;
}
.mask{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: #000;
    opacity: 0.6;
    filter: alpha(opacity:20);
    z-index: 2;
}
.login_default{
	width: 482px;
	height: 408px;
	position: fixed;
    z-index: 2000;
    left: 50%;
    top: 50%;
    margin-left: -242px;
    margin-top: -204px;
}

.login_default .login_title_l,.login_default .login_title_r{
	background: #17be74
}
.login_default .login_title i{
	color: #17be74
}
.login_default .content_form_signup{
	background: #f4f4f4;
	color: #bcbdc1
}
.login_default .content_form_signup:focus{
	outline: none;
    -webkit-box-shadow: 0 0 5px #17be74;
            box-shadow: 0 0 5px #17be74;
            background: #17be74;
            color: #fff
}
.login_default .content_form input:focus {
    outline: none;
    -webkit-box-shadow: 0 0 5px #17be74;
            box-shadow: 0 0 5px #17be74;
    border-color: #f4f4f4

}
.login_default .content_form div {
    margin-bottom: 20px;
}
.forget{
	text-align: right;
	font-size: 16px
}
.forget a{
	color: #888888;
}
.forget a:active{
	color: #17be74
}
.forget i{
	display: inline-block;
	margin: 0 2px;
	margin-top: 2px;
}
.login_default #change_margin_3{
	margin-top: 24px
}
.find_pas .login_title span{
	width: 128px
}
.find_pas .register span{
	width: 152px;
}
.find_pas .content_form .yzm{
	width: 215px;
	margin-right: 10px
}
.find_pas .content_form_signup{
	width: 120px;
	background: #17be74;
	color: #fff;
	font-size: 18px;
}
.option span{
	color: #9f9f9f;
	font-size: 22px;
	cursor: pointer;
}
.login_default .content_form div.option{
	padding: 0 40px;
	margin-top: 48px
}
.option span:active{
	color: #17be74
}
.find_pas .login_title{
	margin-bottom: 30px
}
.find_pas_sure .login_title{
	margin-bottom: 72px
}
.find_pas .register{
	margin-bottom: 66px
}
